<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="img-font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/css.css" />
		<link rel="stylesheet" type="text/css" href="css/QR-code.css" />
		<link rel="stylesheet" type="text/css" href="css/weui.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="js/Url.js"></script>
	</head>
	<style type="text/css">
		.package {
			width: 100%;
			height: 200px;
			position: absolute;
			bottom: 50px;
		}
		
		.package_bg {
			width: 75%;
			height: 75%;
			background: url(images/lib.png) center center no-repeat;
			background-size: 100% 100%;
			margin: 0 auto;
			margin-top: 20px;
		}
		
		.shengan {
			width: 150px;
			height: 80px;
			text-indent: -999px;
			background: url(images/an.png) center center no-repeat;
			background-size: 100% 100%;
			position: absolute;
			top: 44%;
			left: 50%;
		}
		
		.shengans {
			width: 150px;
			height: 80px;
			text-indent: -999px;
			background: url(images/ax.png) center center no-repeat;
			background-size: 100% 100%;
			position: absolute;
			top: 44%;
			left: 50%;
		}
		.weui-dialog{
			display: none;
		}
	</style>

	<body>
		<div class="sheng">
			<div class="mengcen4">
				<div class="erkaung">
					<div class="guanbi"><span class="iconfont icon-guanbi classsp"></span></div>
					<img src="" width="100%" style="vertical-align:top;box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.6); border: 2px solid #0094FF;" />
				</div>
			</div>
			<div class="shengan">分享二维码</div>

			<footer>
				<div class="footers">
					<div class="tab2 yangs">
						<a href="/footballgame/index.html" class="indexs" style="background:url(images/play.png) center center no-repeat;
	background-size: 35% 100%;"></a>
					</div>
					<div class="tab3 yangs">

						<!--<a href="image.html" class="indexs_2" style="background:url(images/ad.png) center center no-repeat;-->

						<a href="#" class="indexs_2" style="background:url(images/ad.png) center center no-repeat;background-size: 35% 100%;"></a>
					</div>
					<div class="tab5 yangs">
						<a href="QR-code.html" class="indexs_3" style="background:url(images/code_1.png) center center no-repeat;
	background-size: 35% 100%;"></a>
					</div>
					<div class="tab4 yangs">
						<a href="income.html" class="indexs_5" style="background:url(images/my.png) center center no-repeat;
	background-size: 35% 100%;"></a>
					</div>
				</div>
			</footer>
			<div class="weui-dialog">
				<div class="weui-dialog__bd">弹窗样式</div>
				<div class="weui-dialog__ft">
					<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
				</div>
			</div>
		</div>
	</body>

</html>
<script type="text/javascript">
	$('.tab3').on('click', function() {
		$.ajax({
			type: "get",
			url: baseUrl + "foot/advert/checkLookAdvert",
			contentType: "application/json; charset=utf-8",
			success: function(res) {
				if(res.error_code == 1) {
					$('.weui-dialog').hide();
					$('.weui-dialog__bd').html(res.data);
				} else if(res.error_code == 0) {
					window.location.href = 'release.html'
				}
			}
		});
	})
	$('.weui-dialog__btn_primary').on('click', function() {
		$('.weui-dialog').hide()
	})
	//二维码的消失与出现

	$('.classsp').on("click", function() {
		$('.mengcen4').hide();
	})
	$(function() {
		$('.guanzu').on('click', function() {
			$('.spanimg').animate({
				top: '0px'
			})

		})
		$('.x >span').on('click', function() {
			$('.spanimg').animate({
				top: '-300px'
			})
		})
		$('.shengan').on("click", function() {
			var app = 'none'
			if($('.mengcen4').css('display') == app) {
				$('.mengcen4').css('display', 'block');
			} else {
				$('.mengcen4').css('display', 'none');
			}

			$.ajax({
				type: "get",
				url: baseUrl + "foot/user/getQRCode",
				contentType: "application/json; charset=utf-8",
				success: function(res) {
					var src = 'data:image/png;base64,' + res.data;
					$('.erkaung >img').attr('src', src)
				}
			});
		}) //点击出现佣金规则	
		$('.yjgz').on('click', function() {
			var app = 'none';
			if($('.mengcheng3').css('display') == app) {
				$('.mengcheng3').css('display', 'block');
			} else {
				$('.mengcheng3').css('display', 'none');
			}
		}) //点击蒙层消失
		$('.mengcheng3').on('click', function() {
			$('.mengcheng3').css('display', 'none');
		});

		$('.mengcen4 >span').on('click', function() {
			$('.mengcen4').hide();
		})

	})
	$('.shengan').on('touchstart', function() {
		$(this).addClass('shengans')
	})

	$('.shengan').on('touchend', function() {
		$(this).removeClass('shengans')
	})
</script>
